<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .article {
            width: 100%;
            box-sizing: border-box;
            /* 多列布局 */
            columns: 3;
            /* 分割线 */
            column-rule: dashed 3px red;
            /* 列与列之间的间距 */
            column-gap: 50px;
            /* 宽度其实自适应 不需要你调节 */
            column-width: 200px; 
        }
        h4 {
            column-span: all;
        }
    </style>
</head>
<body>
    <div class="article">
        <h4>标题</h4>
        <p>
            11111111111111111111111111111111111111111111111111111
            11111111
            11111111111111111111111111111111111111111111111111111
            11111111111111111
            11111111111111111111111111111111111111111111
            111111111
            1111111111111111111
            1111111111111111111111111111111111111111111
            1111111111
            1111111111111111111111
            11111111111111111111111111111111111111111111
            11111111111
            111111111111111111111
            111111111111111111111111111111111111111111111
            11111111111
            1111111111111111111111
            111111111111111111111111111111111111111111111
            111111111111
            111111111111111111111
            11111111111111111111111111111111111111111111111
            11111111111
            11111111111111111111
            111111111111111111111111111111111111111111111
            1111111111111
            111111111111111111111
            1111111111111111111111111111111111111111111111111
            11111111111
            1111111111111111111
            11111111111111111111111111111111111111111111
            1111111111
            1111111111111111111111111
            111111111111111111111111111111111111111111111
            11111111111111
            111111111111111111111
            111111111111111111111111111111111111111111111
            1111111111111
            111111111111111111111
            1111111111111111111111111111111111111111111111
            111111111111
            1111111111111111111111
            1111111111111111111111111111111111111111111111
            1111111111111
            111111111111111111111
            111111111111111111111111111111111111111111111
            11111111111111
            111111111111111111111
            11111111111111111111111111111111111111111111
            11111111111111
            1111111111111111111111
            11111111111111111111111111111111111111111111
            1111111
        </p>
</div>

</body>
</html>